<template>
  <header class="main-header">
    <H1>TodoList</H1>
  </header>
</template>
 <script>
export default {
  name: 'mainHeader'
}
</script>
 <style lang="stylus" scoped>
 @import '~styles/theme.styl';

 .main-header {
   text-align: center;

   h1 {
     margin: 20px;
     font-size: 100px;
     font-weight: 100;
     color: $lightred;
     text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
   }
 }
</style>
 